//页面加载完成执行里面的代码
$(function () {
    // 引入layui，需要用里面的哪些功能，就在第一个参数里面写
    //function () 匿名函数
    layui.use('form', function () {
        //定义一个容器来接收form表单
        let form = layui.form;
        // console.log(form);
        // layer.msg('玩命卖萌中', function(){
        //   //关闭后的操作
        //   });
        //监听提交，点击按钮要做什么事情
        // on就算对form添加事件 (第一个参数就算过滤，第二个参数就是具体做什么事情)
        form.on('submit(login)', function (data) {
            data = data.field;
            // alert(888)//这种弹出框不好看，所以以后少用
            // console.log(data)//data拿到form表单所有数据
            // console.log(data.field)//拿到表单里面的值
            // console.log(JSON.stringify(data.field))//将json对象转换为字符串
            // data.username;
            // data.password;
            // layer.msg("", function () {
            //     // location.href = 'index.html'
            // });
            $.ajax({
                url: '/login',//对应Java后他的WebServlet注解里面的值
                data: data,//要传递给后台的值，统一用json对象，不要转换为字符串
                type: 'post',//对应Java后他的方法
                dataType: 'json',//固定用法
                success: function (res) {//res就算Java传递给前端的值
                    console.log(res);
                    if (res.count == 1) {
                        sessionStorage.setItem("username", data.username);
                        location.href = '/html/index.html'
                    } else {
                        layer.msg("登录失败，请重新尝试输入用户名或者密码");
                    }
                }
            });
            // let res=myAjax('/login',data,'post');
            // if (res.count == 1) {
            //
            //     sessionStorage.setItem("username", data.username);
            //     // localStorage.setItem("username",data.username);
            //     location.href = '/html/index.html'
            // } else {
            //     layer.msg("登录失败，请重新尝试输入用户名或者密码");
            // }
            //不让页面刷新
            return false;
        });
    });
})

